﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        //(IE9+才能使用)
        window.onload = function () {
            createMouseEvent();
            createCustomeEvent();
        }

        //创建鼠标事件
        function createMouseEvent() {
            var btn = document.getElementById("myBtn");
            //创建事件对象
            var event = document.createEvent("MouseEvents");
            //初始化事件
            event.initMouseEvent("click", true, true, document.defaultView, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
            //触发事件
            btn.dispatchEvent(event);
        }

        //创建自定义事件(必须使用dom2级事件添加事件处理程序)
        function createCustomeEvent() {
            //创建事件处理程序
            var myDiv = document.getElementById("mydiv");
            mydiv.addEventListener("myevent", handle , false)

            //创建事件对象
            var event = document.createEvent("CustomEvent");
            //初始化事件对象
            event.initEvent("myevent", true, true);
            //触发事件对象
            myDiv.dispatchEvent(event);
        }

        function handle() {
            alert("模拟自定义事件");
        }
    </script>
</head>
<body>
    <input type="button" onclick="alert('模拟鼠标事件')" value="事件模拟" id="myBtn" />
    <div id="mydiv" >测试自定义事件</div>
</body>
</html>
